﻿@using HopNguyenModel.General
@model HopNguyenModel.Content
<div class="box-big">
    <div class="box-big-bg">
        <div class="text-box-big">
            <h1 class="title-news">
                @Model.Name
            </h1>
            <p style="font-size: 11px">
                @Model.CreateDate
            </p>
            <div style="padding-right: 10px; float: left" class="fb-like" data-href="@Request.Url.ToString()" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>
            <!-- Place this tag where you want the +1 button to render. -->
            <div style="padding-top: 5px;" class="g-plusone" data-size="medium"></div>

            <!-- Place this tag after the last +1 button tag. -->
            <script type="text/javascript">
                (function () {
                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                })();
            </script>
            <div class="detail-news">
                @Html.Raw(Model.Detail)
            </div>
            @if (Model.Tags.Count > 1)
            {
                <div class="tags">
                    <strong>Tags</strong>: 
                @foreach (var item in Model.Tags)
                {
                    <a href="/tags/@(Tool.ReplaceSpace(item.Name)).html" title="@item.Name">@item.Name.ToLower(), </a>
                }
                </div>
            }
            @if (Model.GetOther.Any())
            {
                <div class="other-news">
                    <p>Bài viết khác: </p>
                    <ul>
                        @foreach (var item in Model.GetOther.OrderByDescending(a => a.Id).Take(10))
                        {
                            <li>
                                <a href="/@item.TypeContent.Alias/@(item.Alias).html" title="@item.Name">- @item.Name</a>
                            </li>
                        }
                    </ul>
                </div>
            }
        </div>
    </div>
</div>
